<template>
  <div
    class="wow"
    :class="animation.animationL"
    :data-wow-duration="animation.durationL+'s'"
    :data-wow-delay="animation.delayL+'s'">
    <p class="clock_time">{{getHoursMiSe(insertData.actionDate)}}</p>
    <p class="date_time">{{getYearMonthDay(insertData.actionDate)}}</p>
  </div>
</template>

<script>
export default {
  name: 'StepTime',
  props: {
    animation: {
      type: Object
    },
    insertData: {
      type: Object
    }
  },
  methods: {
    // 获取年月日
    getYearMonthDay(str) {
      if (str) return this.moment(str).format('YYYY-MM-DD')
    },
    // 获取时分秒
    getHoursMiSe(str) {
      if (str) return this.moment(str).format('HH:mm:ss')
    },
  }
}
</script>

<style scoped>

</style>
